.detail_container {
  width: 100%;
  height: 100%;
  @include flexbox();
  @include flex-direction(column);
  .header{
      height: .6rem;
      .back{
          position: absolute;
          left: 0;
          top: 0;
          width: .6rem;
          height: .6rem;
          background: url('/images/back_red.png') no-repeat center center;
          background-size: .3rem;
      }
      span{
          display: inline-block;
          width: 100%;
          text-align: center;
          font-size: .18rem;
          line-height: .6rem;
      }
      .car{
          position: absolute;
          right: 0;
          top: 0;
          width: .6rem;
          height: .6rem;
          background: url('/images/my-shopping-cart-icon_d3a35b8.png')no-repeat center center;
          background-size: 30px,30px;
      }
  }
  #detail-scroll {
    @include flex(1);
    width: 100%;
    overflow: hidden;
    padding: 0 .15rem;
    .detail-box {
        width: 100%;
        height: auto;
        .img {
          img {
            width: 100%;
          }
        }
        .labels {
          @include flexbox();
          @include align-items(center);
          @include flex-direction(row);
          @include flex-wrap(wrap);
          @include border(0 0 1px 0, #ddd, solid);
          list-style: none;
          padding-bottom: .1rem;
          .label {
            height: .25rem;
            line-height: .25rem;
            padding: 0 .1rem;
            margin: .1rem .1rem 0 0;
            color: #666;
            @include border(2px, #ddd, solid, .5rem);
          }

        }
        .shop{
          padding: .1rem 0;
          @include flexbox();
          @include justify-content(space-between);
          @include align-items(center);
          img{
              margin: 0 .2rem 0 0;
              width: .4rem;
              height: .4rem;
              border-radius: 50%;
          }
          i{
              font-size: .16rem;
              color: #666;
          }
          .attention {
            height: .3rem;
            line-height: .2rem;
            padding: .05rem .1rem;
            color: #d075ea;
            @include border(1px, #d075ea, solid, .2rem);
          }
        }
        .recommend {
          .introduce {
            height: .2rem;
            line-height: .2rem;
            color: #777;
          }
          .recommendList {
              width: 100%;
              height: auto;
              @include flexbox();
              @include flex-wrap(wrap);
              @include justify-content(space-between);

              .recommend {
                  width: 48%;
                  height: auto;
                  @include flexbox();
                  @include flex-direction(column);
                  padding: 0.05rem 0;

                  .imgbox {
                      width: 100%;
                      height: auto;

                      img {
                          width: 100%;
                      }
                  }

                  h4 {
                      font-size: 0.12rem;
                      line-height: 0.25rem;
                      font-weight: normal;
                  }

                  span {
                      font-size: 0.14rem;
                      font-weight: bold;
                  }
              }
          }
        }
    }
  }
}
